@charset "utf-8";
/* CSS Document */
body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#page{
	text-decoration-color: black;		
	width: 960px;
	padding-top: 35px;
	padding-left: 5px;
	padding-right: 5px;
}

#headding{
	border: thin;
	border-width: 1px;
	background:#FF0004;
	padding-left: 6px;
	height: 50px;
	display: flex;
	align-items: center;
	width: 954px;
	position: fixed;
	top:0px;
	z-index: 998;
}
#burger-icon{
	display: block;
	margin-top:7px;
	position: relative;
	right:-130px;
}
#JOT-Title-name{
	margin-left: 20px;
	margin-right: 70px;
	font-size:2em;
	font-weight: bold;
	width:400px;
}

#hedder-text{
	position:relative;
	left:100px;
	font-style: italic;
	font-size: 1.5em;
	width: 300px;
}

#JOT-photo-hedder{
	margin-top: 3px;
}

.dropdown {
	width:200px;
	height:50px;
}

.dropdown-content {
  display: none;
  position: relative;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 0px;
  top:10px;
	text-align: center;
z-index: 999;
}

.dropdown:hover .dropdown-content {
  display: block;
  
}

#footer{
	background:#12FF00;
	padding-left: 6px;
	height: 50px;
	display: flex;
	align-items: center;
	width: 954px;
	position: fixed;
	bottom:0px;
	z-index: 997;
}
#footer-content{
	width:100%;
	text-align: center;
}